.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* small mobile :320px. */
@media (max-width: 479px) {
	
.container {width:300px}

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.container {width:450px}

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	
.container{width:745px}

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	
.container{width:970px}

}

/*  desktop :992px. */
@media (min-width: 1170px) and (max-width: 1920px) {
	
.container{width:1170px}

}